<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.lp.cfg.ProConfig" %>
<!DOCTYPE html>
<html>
<head>
	<%@ include  file="/WEB-INF/oss/base/common/variable.jsp"%>
    <%@ include  file="/WEB-INF/oss/base/common/resource_lib.jsp"%>
    <%@ include  file="/WEB-INF/oss/base/common/variable_js.jsp"%>
</head>
<script type="text/javascript">
	
</script>
<style type="text/css">
	.scene-style{
		padding-left: 30px;
	    height: 30px;
	    line-height: 30px;
	    background: #d9d9d9;
	    color: #333;
	    margin: 2px 0;
	    border-radius: 3px;
	    cursor: pointer;
	}
	.scene-style.active{
		 background: #3499da;
		 color: white; 
	}
	.limiter{
		cursor: pointer;
	}
</style>
<body>
	<div class="app-container">
		<div class="search-condition" type-option="search_table" config-option=" 'submit':'#searchbtns',
															'table':'#init-table',
															'wait_flag':true">
				<input type-name="name"  placeholder="项目名称"  class="input input-auto" />
				<button id="searchbtns" class="button ml-20 bg-sub"><span class="icon-search"></span> 查询</button>
		</div>
		
		 <div style="margin-top:10px;">
			<div id="init-table" type-option="table" config-option=" url:'/admin/page/scene',
						 param:{},
						 columns:[
							{'name':'序号','type':'seq','value':'seq','width':'4%'}, 
							{'name':'项目名称','value':'name','width':'10%'}, 
							{'name':'项目描述','value':'description','width':'15%'}, 
							{'name':'备注','value':'remark','width':'10%'},
							{'name':'新增时间','type':'time','value':'atime','width':'15%'},
							{'name':'操作','type':'self','value_callback':'value_function','width':'16%'}]" > 
			</div>
		</div> 
		
		<div class="user-app-detail" style="display: none;" >
			<div id="user-app-detail" config-option=" url:'/page/relation/scene/user',
						 pager:2,
						 param:{},
						 columns:[
							{'name':'序号','type':'seq','value':'seq','width':'4%'}, 
							{'name':'项目名称','value':'name','width':'10%'}, 
							{'name':'用户登录名','value':'user_name','width':'15%'}, 
							{'name':'新增时间','type':'time','value':'atime','width':'15%'}
							]" > 
			</div>
		</div> 
		
	</div>
	
	<script type="text/javascript">
		function value_function(data,seq){
			return "<button type='button' onclick='LoknodeInfo(this,"+data.id+")' class='layui-btn layui-btn-xs layui-btn-normal'>查看用户</button>"
			 ;
		}
		
		function LoknodeInfo(a,b){
			$("#user-app-detail").data("params",{ scene_id : b });
			$("#user-app-detail").tableAdaptor(-1);
			
			setTimeout(function() {
				openWindow("归属用户",".user-app-detail","600px");
			}, 200);
			
		}
	
	</script>
	

	
	
	
</body>
</html>